<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>安装评价</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">

		<link rel="stylesheet" href="../../../css/wx/mui.min.css">
		<link rel="stylesheet" href="../../../css/wx/app.css">
		<link rel="stylesheet" href="../../../css/wx/style.css" />
		<link rel="stylesheet" href="../../../css/wx/wx-iconfont.css" />
		<script type="text/javascript">
			var pageConfig = {
				jss: ["app/azpj/azpj-info"],
				cb: function(o) {

					// 不影响初始页面的js, 可以延迟引入
					require(['wx-iconfont'], $.noop);
					app.requireCss(['css/wx/icons-extra', 'css/wx/animate.min'], doc);
				}
			};
		</script>
		<script data-main="../../../js/wx/public/config" src="../../../js/require.js"></script>
		<style>
			.mui-content {
				padding: 0;
			}

			p{
				font-size: 14px!important;
			}
		</style>

	</head>

	<body>
		<!--list-->
		<div id="content" class="mui-content wf-user-add jxs-add wf-listGoods wf-yshb wf-sppj wf-bottom">

			<div class="mui-scroll-wrapper">
				<div class="mui-scroll">
					<!--商品列表-->
					<div class="mui-card">
						<div class="mui-card-content">
							<div class="mui-card-content-inner">
								<div class="mui-row">
									<div class="ef-leftBox">
										<img :src="item.GWAM015 | goodsImgsUtils" />
									</div>
									<div class="ef-rightBox">
										<p>序列号: {{item.GWCS019}}</p>
										<p>客户名称: {{item.GWAKL003}}</p>
										<p>安装人员: {{item.GWCV006}}</p>
									</div>
								</div>
							</div>
						</div>
					</div>
					<ul class="mui-table-view flexList">
						<template v-for="pj in d.pj">
							<li class="mui-table-view-cell">
								{{pj.MMRJL004}}
								<span class="icons ri">
					<i @tap.stop="pjChange(pj, 1)" data-index="1"
					   :class="'mui-icon '+ (pj.count>=1?'mui-icon-star-filled':'mui-icon-star')"></i>
					<i @tap.stop="pjChange(pj, 2)" data-index="2"
					   :class="'mui-icon '+ (pj.count>=2?'mui-icon-star-filled':'mui-icon-star')"></i>
					<i @tap.stop="pjChange(pj, 3)" data-index="3"
					   :class="'mui-icon '+ (pj.count>=3?'mui-icon-star-filled':'mui-icon-star')"></i>
                    <i @tap.stop="pjChange(pj, 4)" data-index="4"
					   :class="'mui-icon '+ (pj.count>=4?'mui-icon-star-filled':'mui-icon-star')"></i>
                    <i @tap.stop="pjChange(pj, 5)" data-index="5"
					   :class="'mui-icon '+ (pj.count>=5?'mui-icon-star-filled':'mui-icon-star')"></i>
				</span>
							</li>
						</template>
					</ul>
					<form class="mui-input-group" style="margin-top: 10px;margin-bottom: 55px;">
						<div class="mui-input-row wf-imageUpdates" style="padding-top: 10px;">
							<label style="margin-top: 10px;">照片</label>
							<div class="wf-imageUpdate">
								<div class="tackPoto">
									<div class="div-autoline-boxDiv">
										<template v-for="(img,inx) in imgs">
											<div class="div-autoline-parent">
												<div class="child">
													<i @tap.stop="delimg(inx)" class="mui-icon mui-icon-closeempty posIcon"></i>
													<img :src="img.img">
												</div>
											</div>
										</template>
										<div v-show="imgs.length<9" @tap.stop="addImgs" class="div-autoline-parent">
											<div class="child start"><i class="icon iconfont icon-05" v-model="d.GWCW007"></i></div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="mui-input-row wf-imageUpdates">
							<label>反馈 :</label>
							<textarea v-model="d.GWCW006" placeholder="请输入其他建议或评价"></textarea>
						</div>
						<div class="mui-input-row mui-checkbox mui-left" style="line-height: 30px;">
							<label style="padding-top: 7px;">匿名评价</label>
							<input style="left: 15px;" v-model="d.GWCW008" name="checkbox" value="Item 1" type="checkbox" >
						</div>
					</form>
				</div>
			</div>
			<div class="navbar-mui">
				<button type="button" @tap.stop="submit" class="mui-btn mui-btn-royal mui-btn-block mui-btn-outlined wf-pulic-bg">提交</button>
			</div>

		</div>
	</body>

</html>